<template>
  <div class="box" :style="[mainStyle, ortherStyle]">黑马程序员</div>
</template>

<script>
export default {
  data() {
    return {
      mainStyle: {
        fontSize: '30px',
        fontWeight: 'bold',
        color: 'red',
      },
      ortherStyle: {
        backgroundColor: 'lawngreen',
      },
    }
  },
}
</script>

<style></style>
